<template>
    <v-container>
        <div class="text-center">
            <v-icon size="100" color="purple" class="panda-icon mb-4">mdi-panda</v-icon>
        </div>
        <h2 class="text-center mb-4">关于我们</h2>
        <v-card class="mx-auto" max-width="400">
            <v-card-text>
                <p><strong>应用名称：</strong> OTP 管理器</p>
                <p><strong>版本：</strong> 1.0.0</p>
                <p><strong>描述：</strong> 这是一个用于管理和生成一次性密码（OTP）的浏览器扩展程序,适合多人共享使用OTP码。</p>
                <p><strong>功能：</strong></p>
                <p>
                <ul>
                    <li>安全存储多个 OTP</li>
                    <li>自动生成和更新 OTP</li>
                    <li>方便的复制和粘贴功能</li>
                    <li>用户友好的界面</li>
                </ul>
                </p>

                <p><strong>开发者：</strong> Ethan He</p>
                <p><strong>联系方式：</strong> 24836227#qq.com </p>
            </v-card-text>
        </v-card>
        <v-btn block color="secondary" class="mt-4" @click="goBack">返回</v-btn>
    </v-container>
</template>

<script>
export default {
    name: 'About',
    methods: {
        goBack() {
            this.$router.push('/')
        }
    }
}
</script>

<style scoped>
.panda-icon {
    margin-top: -20px;
}
</style>